<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.3.1.min.js"></script>
</head>
<body>
<h2>属性过滤器</h2>
<ul>
    <li title="玩捉迷藏">php中文网01</li>
    <li title="网站标题" class="">php中文网02</li>
    <li title="永久免费学习平台">php中文网03</li>
    <li title="前端开发课程">php中文网04</li>
    <li title="免费PHP教学视频">php中文网05</li>
    <li title="PHP python JAVA">php中文网06</li>
    <li style="">php中文网07</li>
    <li>php中文网08</li>
</ul>
</body>
<script>
    $(function () {
        //属性过滤 选择具有style属性的元素
        // $("[style]").css("background-color","#a175d6");
        // 完全匹配属性值
        // $("[title='玩捉迷藏']").css("background-color","#645");
        //指定起始值的其实字符串
        // $("[title^='网站']").css("background-color","#aaa");
        //    指定属性值的结束字符串
        // $("[title$='课程']").css("background-color","#ccc");
        //    属性值不等于某个值的：完全匹配
        // $("[title!='abc']").css("background-color","#649cd4");
        //    模糊匹配：*
        $("[title*='PHP']").css("background-color","#ab9cd4");
        //    单词匹配 即字符串前后有空格认为是单词
        // $("[title~='python']").css("background-color","#009cd4");
        //    同时查询多个属性
        // $("[class][title]").css("background-color","#129cd4");



    })
</script>
</html>